<!DOCTYPE html>
<html>

<head>
  <meta charset="UTF-8">
  <title>Table</title>
  <link rel="stylesheet" href="../css/bootstrap.min.css"/>
  <link rel="stylesheet" href="../plugins/bootstrap-table/css/bootstrap-table.min.css"/>
  <link rel="stylesheet" href="../css/layui.css" media="all"/>
  <link rel="stylesheet" href="../css/global.css" media="all">
  <link rel="stylesheet" href="../plugins/font-awesome/css/font-awesome.min.css">
  <link rel="stylesheet" href="../plugins/lightbox2/css/lightbox.min.css">
  <link rel="stylesheet" href="../css/common.css" media="all"/>
  <style>
		.cus-layui-form-label{
		 text-align:left;
    	display: block;
   	 padding: 9px 15px;
    	font-weight: 400;
    	/*background-color: #d2d2d2;*/
    }

    .cus-layui-div img {
    margin-left: auto;
    margin-right:auto;
    display:block;
    }
	</style>
</head>
<body class="page-content">

<form class="layui-form" action="">
  <h1 class="page-title"><span >注册</span>
  </h1>
  <!-- BEGIN MAIN CONTENT -->
  <div class="row" >
    <div class="col-md-12">
      <!-- BEGIN EXAMPLE TABLE PORTLET-->
      <div class="portlet light bordered" id="blockui_equity_portlet_body">

        <div class="portlet-body">
          <div class="row">
            <div class="col-sm-2">
              <label class="cus-layui-form-label" >邀请码:</label>
            </div>
            <div class="col-sm-10">
              <input type="text" name="crtName"  placeholder="请输入邀请码"  id="crtName" class="layui-input" />
            </div>
          </div>
          <div class="row">
            <div class="col-sm-2">
              <label class="cus-layui-form-label" >头像:</label>
            </div>
            <div class="col-sm-10">
              <img id="headPic" src="/img/admin-login-bg.jpg">
            </div>
          </div>
          <div class="row">
            <div class="col-sm-2">
              <label class="cus-layui-form-label" >昵称:</label>
            </div>
            <div class="col-sm-10">

              <input type="text" name="name"  placeholder="请输入昵称"  id="name" class="layui-input" />
            </div>
          </div>
          <div class="row">
            <div class="col-sm-2">
              <label class="cus-layui-form-label" >手机号:</label>
            </div>
            <div class="col-sm-6">
              <input type="text" name="username"   placeholder="请输入常用手机号"  id="phone"  class="layui-input" />
            </div>
            <div class="col-sm-4">
              <div class="btn green btn-outline" lay-filter="sendCode"  lay-submit><span>发送验证码</span></div>
            </div>
          </div>
          <div class="row">
            <div class="col-sm-2">
              <label class="cus-layui-form-label" >验证码:</label>
            </div>
            <div class="col-sm-10">
              <input type="text" name="code"  placeholder="请输入验证码"  id="code" class="layui-input" />
            </div>
          </div>
          <div class="row">
            <div class="col-sm-2">
              <label class="cus-layui-form-label" >密码:</label>
            </div>
            <div class="col-sm-10">
              <input type="password"   placeholder="请输入6-10位数字密码"   class="layui-input" />
            </div>
          </div>
          <div class="row">
            <div class="col-sm-2">
              <label class="cus-layui-form-label" >确认密码:</label>
            </div>
            <div class="col-sm-10">
              <input type="password" name="password"  placeholder="请输入确认密码"  id="password" class="layui-input" />
            </div>
          </div>
          <div class="row">
            <div class="col-sm-2">
            </div>
            <div class="col-sm-10">
              <div class="btn green btn-outline" lay-filter="save"  lay-submit><span>注册</span></div>
              <div class="btn green btn-outline" lay-filter="cancel"  lay-submit><span>重置</span></div>
            </div>
          </div>
      </div>
      </div>
      <!-- END EXAMPLE TABLE PORTLET-->
    </div>
  </div>

</form>
<script type="text/javascript" src="../plugins/jquery.min.js"></script>
<script type="text/javascript" src="../bootstrap.min.js"></script>
<script type="text/javascript" src="../plugins/bootstrap-table/bootstrap-table.min.js"></script>
<script type="text/javascript" src="../plugins/bootstrap-table/locale/bootstrap-table-zh-CN.min.js"></script>
<script type="text/javascript" src="../plugins/lightbox2/js/lightbox.js"></script>

<script type="text/javascript" src="../layui.all.js"></script>
<script type="text/javascript" src="../drp/admin/register.js"></script>
</body>

</html>